<template>
	<el-table
		:default-expand-all="true"
		:data="dataListLeft.dataList"
		row-key="id"
		class="left-tree"
		:cell-style="{ borderColor: '#00000000' }"
		:header-cell-style="{ borderColor: '#00000000', display: 'none' }"
	>
		<el-table-column prop="tag" label="标签" header-align="center" align="center" width="40px">
			<template #default="scope">
				<svg-icon icon="icon-ellipsis-v" :bColor="scope.row.tag" className="icon-display"></svg-icon>
			</template>
		</el-table-column>
		<el-table-column prop="title" label="标题" header-align="center" align="left"></el-table-column>
		<el-table-column prop="signet" label="印记" header-align="center" align="regith" width="40px">
			<template #default="scope">
				<div style="width: 5px; height: 5px; background-color: red; border-radius: 50%" />
			</template>
		</el-table-column>
	</el-table>
</template>

<script setup lang="ts">
import moment from 'moment'

const dataListLeft = {
	dataList: [
		{ title: '办公用品', tag: 'rgb(250, 116, 107)', signet: '1' },
		{ title: '销售部例会', tag: 'rgb(61, 212, 167)', signet: '1' }
	]
}
</script>
<style scoped>
.left-tree > ::before {
	height: 0px;
}
</style>
